<script setup lang="ts">
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
import { useMemberStore } from "@/stores/modules/member";
const userStore = useMemberStore();
let topbarheight: any = ref(0);
let contentHeight: any = ref(0);
onLaunch(() => {
  try {
    //转为横屏
    plus.screen.lockOrientation("landscape");
  } catch (e) {}
  setTimeout(() => {
    // 获取系统信息
    uni.getSystemInfo({
      // 调用成功时的回调函数
      success(res: any) {
        // 将状态栏高度赋值给 height
        topbarheight.value = res.statusBarHeight || 40;
        //计算内容高度
        contentHeight.value = res.screenHeight - res.statusBarHeight;
      },
    });
    //状态栏高度 默认距离标题50px
    uni.setStorageSync("topbarheight", topbarheight.value || 24);
    uni.setStorageSync("contentHeight", contentHeight.value || 528);
    console.log(
      "App Launch",
      "状态栏高度",
      topbarheight.value,
      "内容高度",
      contentHeight.value
    );
  }, 300);
});
onShow(() => {
  // console.log("App Show");
});
onHide(() => {
  // console.log("App Hide");
});
</script>
<template>
  <zk-tips></zk-tips>
</template>
<style lang="scss">
.mini_Icon {
  width: 20px;
  height: 20px;
}
.small_Icon {
  width: 24px;
  height: 24px;
}
.medium_Icon {
  width: 32px;
  height: 32px;
}
.large_Icon {
  width: 36px;
  height: 36px;
}
::v-deep .uni-date-single--x {
  width: 220px;
  .uni-datetime-picker-popup {
    .uni-datetime-picker-sign {
      top: 37px !important;
    }
  }
  .uni-date__input,
  .uni-calendar__header,
  .uni-calendar__header-btn-box,
  .uni-calendar-item__weeks-box-item,
  .uni-calendar__weeks-day,
  .popup-x-footer {
    height: 25px !important;
    line-height: 25px !important;
  }
  .uni-calendar-item__weeks-box-item {
    width: 25px !important;
  }
  .popup-x-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    .confirm-text {
      font-size: 14px;
    }
  }
}
.color_fff {
  color: #fff;
}
.color_black {
  color: #08121e;
}
.color_green {
  color: #32966f;
}
.color_yellow {
  color: #efa022;
}
.color_red {
  color: #f73b4a;
}
.color_blue {
  color: #4875ff;
}
.color_text_gray {
  color: #adafb8;
}
.color_gray {
  color: #ccccd3;
}
.fs_10 {
  font-size: 10px;
}
.fs_12 {
  font-size: 12px;
}
.fs_14 {
  font-size: 14px;
}
.fs_15 {
  font-size: 15px;
}
.fs_16 {
  font-size: 16px;
}
.fs_18 {
  font-size: 18px;
}
.fs_20 {
  font-size: 20px;
}
.fs_24 {
  font-size: 24px;
}
.fs_30 {
  font-size: 30px;
}
.fw_400 {
  font-weight: 400;
}
.fw_600 {
  font-weight: 600;
}
.fw_700 {
  font-weight: 700;
}
scroll-view,
view,
button,
image {
  box-sizing: border-box;
}

page {
  width: 100vw;
  box-sizing: border-box;
}

.flex {
  display: flex;
  align-items: center;
}

.text_overflow {
  max-width: 100%;
  overflow: hidden;
  // white-space: nowrap;
  text-overflow: ellipsis;
  /*溢出隐藏*/
  display: -webkit-box;
  /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-line-clamp: 1;
  line-clamp: 1;
  /*用来限制在一个块元素显示的文本的行数。*/
  -webkit-box-orient: vertical;
  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}

.card {
  // padding: 40rpx 28rpx;
  border-radius: 12px;
  /* 白色背景090E1D 5% 16 32 */
  box-shadow: 0px 16px 32px 0px rgba(9, 14, 29, 0.05);
  /* #FFFFFF 白色 100 */
  background: rgb(255, 255, 255);
}

.fs12 {
  color: #818ba0;
  font-family: Poppins;
  font-size: 24rpx;
}

.m_bottom {
  margin-bottom: 20rpx;
}

.m_top {
  margin-top: 20rpx;
}

.m_t_b {
  margin: 20rpx 0;
}

.iconMarginLeft {
  margin-left: 18rpx;
}

.iconMarginRight {
  margin-right: 18rpx;
}
page {
  background: #f5f6fa;
}
/* #ifdef MP-WEIXIN */
page {
  width: 750rpx;
  min-height: 100%;
}

::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}

/* #endif */
</style>
